<template>
    <div class="app-container">
        <el-tabs v-model="activeName">
            <!-- 商品 -->
            <el-tab-pane label="商品" name="commodity">
                <Commodity :actName="activeName"></Commodity>
            </el-tab-pane>
            <!-- 轮播图 -->
            <el-tab-pane label="轮播图" name="banner">
                <Banner :actName="activeName"></Banner>
            </el-tab-pane>
        </el-tabs>

    </div>
</template>
  
<script>
// 接口api：first step
import Commodity from './tabs/commodity.vue'
import Banner from './tabs/banner.vue'
export default {
    data() {
        return {
            // 活跃标签
            activeName: 'commodity',
            loading: true,
            
        };
    },
    created() {
    },
    methods: {
        
        network() {
            return {
               
            };
        },
    },
    components: {
        Commodity,
        Banner
    }
};
</script>
<style lang="scss" scoped>
::v-deep .el-message-box__title span {
    position: relative;
    left: 37px !important;
}

.order-state-row {
    font-size: 14px;
    font-weight: bold;
    color: #606266;
    padding: 0px 40px;
}
</style>